﻿@model CalligraphyWeb.Models.RegisterModel
@{
    ViewBag.Title = "Register";
}

<div class="content">
    <div class="ic"></div>
    <div class="container">
        <div class="row">
            <article class="span12">
                <h3>@ViewBag.Title.</h3>
                <h4>Create a new account.</h4>
                <div class="inner-1">
                    @using (Html.BeginForm()) {
                    @Html.AntiForgeryToken()
                    @Html.ValidationSummary()

                    <fieldset>
                        <legend></legend>
                        <div>
                            <label class="username">
                                @Html.TextBoxFor(m => m.UserName, new Dictionary<string, object>() {
                               {"placeholder" , "Login Name"}
                            })
                                
                            <br />
                            @Html.ValidationMessageFor(m => m.UserName)
                            </label>
                            
                        </div>
                        <div>
                            <label class="password">
                             @Html.PasswordFor(m => m.Password, new Dictionary<string, object>() {
                               {"placeholder" , "Password"}
                            })
                                <br />
                                @Html.ValidationMessageFor(m => m.Password)
                            </label>
                            
                        </div>
                        <div>
                            <label class="password">
                                @Html.PasswordFor(m => m.ConfirmPassword, new Dictionary<string, object>() {
                               {"placeholder" , "Confirm Password"}
                            })
                                <br />
                                @Html.ValidationMessageFor(m => m.ConfirmPassword)
                            </label>
                             
                        </div>
                        <div>
                            <label class="email">
                                @Html.TextBoxFor(m => m.Email, new Dictionary<string, object>() {
                               {"placeholder" , "Email Address"}
                            })
                                <br />
                                @Html.ValidationMessageFor(m => m.Email)
                            </label>
                            
                        </div>
                        <div>
                            <label class="firstname">
                                @Html.TextBoxFor(m => m.FirstName, new Dictionary<string, object>() {
                               {"placeholder" , "First Name"}
                            })
                                <br />
                                @Html.ValidationMessageFor(m => m.FirstName)
                            </label>
                            
                        </div>
                        <div>
                            <label class="lastname">
                                @Html.TextBoxFor(m => m.LastName, new Dictionary<string, object>() {
                               {"placeholder" , "Last Name"}
                            })
                                <br />
                                @Html.ValidationMessageFor(m => m.LastName)
                            </label>
                            
                        </div>
                        <div>
                            <label class="birthday">
                                @Html.TextBoxFor(m => m.Birthday, new Dictionary<string, object>() {
                               {"placeholder" , "Birthday"},
                               {"class" , "datepicker"}
                            })
                                <br />
                                @Html.ValidationMessageFor(m => m.Birthday)
                            </label>
                            
                        </div>
                        <div>
                            <label class="address">
                                @Html.TextBoxFor(m => m.Address, new Dictionary<string, object>() {
                               {"placeholder" , "Address"}
                            })
                                <br />
                                @Html.ValidationMessageFor(m => m.Address)
                            </label>
                            
                        </div>
                        <div>
                            <label class="city">
                                @Html.TextBoxFor(m => m.City, new Dictionary<string, object>() {
                               {"placeholder" , "City"}
                            })
                                <br />
                                @Html.ValidationMessageFor(m => m.City)
                            </label>
                            
                        </div>
                        <div class="buttons-wrapper">
                            <input type="submit" value="Register" class="btn btn-1" /></div>
                    </fieldset>
                }
                </div>
                
            </article>
        </div>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script type="text/javascript">
        $(function () {
            jQuery(".datepicker").datepicker();
        }
            );
    </script>
}
